<template>
    <div class="exhibitDetail">
        <h1 class="hero-heading">
            {{ detail.summary }}
        </h1>
        <div v-html="detail.detail" class="detail">
        </div>
<!--        <div class="hero-lead">-->
<!--            <p>利用大地色调和天然材料为你的客厅增添令人心旷神怡的自然气息。将巧妙的储物方案和舒适家具相结合，你可以规划出温馨宜人、令人愉悦的空间。</p>-->
<!--        </div>-->
<!--        <div class="hero-container">-->
<!--            <div class="hero-img">-->
<!--                <img alt="一张深橄榄绿色双人沙发、一个带单抽屉的玻璃门高柜、一个白色书架、一把桦木凳。" class="img"-->
<!--                     src="https://www.ikea.cn/images/be/58/be5874ae5059bb415068ff093b554733.jpg" lazy="loaded"> &lt;!&ndash;&ndash;&gt;-->
<!--            </div>-->
<!--        </div>-->
    </div>
</template>
<script>
import request from "../../utils/request";

export default {
    data() {
        return {
            id: null,
            detail: {}
        }
    },
    created() {
        this.id = this.$route.query.id
        this.getDetail()
    },
    methods: {
        getDetail() {
            request.post('/article/getArticleDetail', {id: this.id}).then(res => {
                this.detail = res.data
            })
        }
    }
}
</script>
<style lang="scss">
.exhibitDetail {
    padding-top: 40px;

    .hero-heading {
        line-height: 54px;
        font-size: 36px;
        font-weight: 700;
        color: #000;
        margin-bottom: 20px;
    }

    .hero-lead {
        font-size: 16px;
        line-height: 24px;
        color: #484848;
        margin-bottom: 30px;
    }

    .hero-container {
        margin-bottom: 40px;

        .hero-img {
            width: 100%;
            height: auto;

            .img {
                width: 100%;
                height: auto;
            }
        }
    }
    
}
.detail{
    img{
        width: 90%;
    }
}
</style>